
/* ==================
         时间轴
 ==================== */

.tien-timeline {
  display: block;
  background: #fff;
}

.tien-timeline .tien-time {
  width: 60px;
  text-align: center;
  padding: 10px 0;
  font-size: 13px;
  color: #888;
  display: block;
}

.tien-timeline>.tien-item {
  padding: 15px 15px 15px 60px;
  position: relative;
  display: block;
  z-index: 0;
}

.tien-timeline>.tien-item:not([class*="text-"]) {
  color: #ccc;
}

.tien-timeline>.tien-item::after {
  content: "";
  display: block;
  position: absolute;
  width: 0.5px;
  background: #ddd;
  left: 30px;
  height: 100%;
  top: 0;
  z-index: 8;
}

.tien-timeline>.tien-item::before {
  font-family: "iconfont";
  display: block;
  position: absolute;
  top: 18px;
  z-index: 9;
  background: #fff;
  width: 25px;
  height: 25px;
  text-align: center;
  border: none;
  line-height: 25px;
  left: 18px;
}

.tien-timeline>.tien-item:not([class*="icon-"])::before {
  content: "\e763";
}

.tien-timeline>.tien-item[class*="icon"]::before {
  background: #fff;
  width: 25px;
  height: 25px;
  text-align: center;
  border: none;
  line-height: 25px;
  left: 18px;
}

.tien-timeline>.tien-item>.content {
  padding: 15px;
  border-radius: 3px;
  display: block;
  line-height: 1.6;
}

.tien-timeline>.tien-item>.content:not([class*="bg-"]) {
  background: #f1f1f1;
  color: #666;
}

.tien-timeline>.tien-item>.content+.content {
  margin-top: 10px;
}
